import React from 'react'
import { useEffect, useRef } from 'react'
import { CSon } from './CSon'

export function Header() {
  const h1Ref = useRef(null)
  const classRef = useRef(null)
  useEffect(() => {
    console.log('h1Ref.current', h1Ref.current)
    console.log('classRef.current', classRef.current)
  }, [])
  return (
    <div>
      <h1 ref={h1Ref}>this is h1</h1>
      <CSon ref={classRef}></CSon>
    </div>
  )
}
